* {
  box-sizing: border-box;
  outline: none;
}

body {
  background: $background;
}

#app {
  position: relative;
  width: 100vw;
  height: 100vh;
  color: $color;
  overflow: hidden;
  font-weight: normal;
}

// echarts
.m-echarts {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

// 文字一行显示，多余省略号显示
.text-hidden {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/*--- 滚动条样式 ---*/
::-moz-selection {
  background: #007aff;
  color: white;
  text-shadow: none;
  cursor: pointer;
}
::selection {
  background: #007aff;
  color: white;
  text-shadow: none;
}
::-webkit-scrollbar {
  background: rgba(0, 0, 0, 1);
  width: 5px;
  height: 8px;
}
/*滚动条颜色*/
::-webkit-scrollbar-thumb {
  background: rgba(0, 122, 255, 0.8);
  border-radius: 5px;
}
/*滚动条背景*/
::-webkit-scrollbar-track {
  background: rgba(0, 0, 0, 1);
  border-radius: 5px;
}

// 文字渐变色
.text-linear {
  background: linear-gradient(0deg, var(--color) 0%, #ffffff 70%, #ffffff 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*--- 去除高德地图左下角的logo和文字 ---*/
.amap-logo {
  display: none;
  opacity: 0 !important;
}
.amap-copyright {
  opacity: 0;
}

// 文字对齐方式
@each $var in (left, center, right) {
  .text-#{$var} {
    text-align: $var !important;
  }
}
